<%@ page language="java" import="com.balloon.logic.*,java.util.*,com.balloon.io.*" pageEncoding="UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/florence_ajax.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <link rel="stylesheet" type="text/css" href="css/template.css" />
        <link rel="stylesheet" type="text/css" href="css/rating.css" />
        <title>JSP Page</title>
    </head>
    <body onload="initialize()">
        <div id="city"><%=request.getParameter("city") %></div>
         <div id="wrap">
            <div id="header"></div>
            <div id="nav"></div>
            <div id="main"><div id="map_canvas" style="width:100%; height:100%"></div></div>
            <div id="sidebar">
                <h1>Userful Links</h1>
                <%
                            City city = new City("Florence");
                            CityDao.getCityInformation(city);
                            ArrayList<String> links = city.getCityUsefulLinks();
                            for (int i = 0; i < links.size(); i = i + 2) {
                                out.print("<ul><li>");
                                out.print("<a href="+links.get(i)+">"+links.get(i + 1)+"</a>"+"</li>");
                                out.print("</ul>");

                            }
                %>
            </div>
            <div id="footer">
                <p>1111</p>
                <p>1111</p>
            </div>
        </div>

    </body>
</html>
